<!DOCTYPE html>
<html>

<head>
    <title>文章详情</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/articlelist.min.css">
    <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">

    <style>
        #editor—wrapper {
            /* border: 1px solid #ccc; */
            width: 632px;
            height: 500px;
            /* 按需定义 */
        }

        /*  */

        .w-e-text-container [data-slate-editor] p {
            margin: 10px 0px 0px 0px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 12px;

        }
    </style>
</head>

<body>
    <!-- 头部导航 -->
    <div class="bbox-container">
        <!-- 头部导航 -->
        <div class="main">
            <!-- 导航 -->
            <div class="nav">
                <ul class="layui-nav" id="layui-nav-span-l">
                    <p class="nav-side">|||</p>
                    <a href="./index.html" class="logo">
                        <img src="./images/web-app-logo.webp" alt="">
                    </a>
                </ul>
                <div class="nav-search">
                    <div class="input-wrap">
                        <div class="nav-icon">
                            <i class="iconfont">&#xe622;</i>
                            <span>搜索</span>
                        </div>
                        <input type="text" id="search-input">
                    </div>
                    <div class="search-box">请输入搜索关键词</div>
                </div>
                <ul class="layui-nav" id="layui-nav-span-r">
                    <li class="layui-nav-item">
                        <a href=""><i class="iconfont">&#xe73c;</i></a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="" class="scroll-wrapper">
                            <i class="iconfont">&#xe60b;</i>
                            <div class="infinite-container">
                                <div class="infinite-spinner">
                                    <div class="prompt">
                                        没有更多了
                                    </div>
                                </div>
                                <div class="infinite-fade">
                                    <p class="link">全部已读</p>
                                    <p class="link">删除已读</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="layui-nav-item show">
                        <a href="./mypage.html"><img src="./images/avater3.jfif" class="layui-nav-img">
                            <span class="nkname"></span>
                        </a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="./mypage.html">
                                    <i class="iconfont">&#xe60d;</i>
                                    我的主页
                                </a>
                            </dd>
                            <dd>
                                <a href="javascript:;">
                                    <i class="iconfont">&#xe60a;</i>
                                    我的帖子
                                </a>
                            </dd>
                            <dd>
                                <a href="./collect_s.html">
                                    <i class="iconfont">&#xe8c6;</i>
                                    我的收藏
                                </a>
                            </dd>
                            <dd>
                                <a href="javascript:;">
                                    <i class="iconfont">&#xe78a;</i>
                                    我的订单
                                </a>
                            </dd>
                            <dd>
                                <a href="javascript:;">
                                    <i class="iconfont">&#xe6d7;</i>
                                    MYKB设计
                                </a>
                            </dd>
                            <dd>
                                <a href="./admin.html">
                                    <i class="iconfont">&#xe650;</i>
                                    后台管理
                                </a>
                            </dd>
                            <dd>
                                <a href="./index.html" class="logout">
                                    <i class="iconfont">&#xe60c;</i>
                                    退出登录
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item leave">
                        <a href="./login.html" class="login">登录/注册</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- main-box -->
        <div class="main-box">
            <!-- 左侧导航 -->
            <div class="sidebar">
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic"><i class="iconfont">&#xe635;</i> 社区</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" class="taglist">
                            <span class="side-pic">
                                <i class="iconfont">&#xeb2b;</i> 发车日历</span>
                            <span class="cnt cnt1">11</span>
                        </a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="javascript:;" class="taglist">
                            <span class="side-pic"><i class="iconfont">&#xe651;</i> 装备商店</span>
                            <span class="cnt cnt2">闪购中</span>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">
                                    <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                                </a>
                            </dd>
                            <dd><a href="javascript:;">
                                    <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-dl">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="1">
                                <img src="./images/jx.webp" class="img" alt="">
                                机械键盘</span>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">
                                    <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                                </a>
                            </dd>
                            <dd><a href="javascript:;">
                                    <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                                </a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="2">
                                <img src="./images/pc.webp" class="img" alt=""> PC装机</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="3">
                                <img src="./images/ej.webp" class="img" alt="">
                                视听HiFi</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="4">
                                <img src="./images/sy.webp" class="img" alt=""> 摄影</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="5">
                                <img src="./images/sm.webp" class="img" alt=""> 数码</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="6">
                                <img src="./images/cw.webp" class="img" alt=""> 潮玩模型</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="7">
                                <img src="./images/qx.webp" class="img" alt=""> 前线生活</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="8">
                                <img src="./images/tz.webp" class="img" alt=""> 头文字Z</span>
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <span class="side-pic" data-cid="9">
                                <img src="./images/yx.webp" class="img" alt=""> 游戏</span>
                        </a>
                    </li>
                </ul>
                <div class="sidebarbot">
                    <div class="app-donw">
                        <i class="iconfont">&#xe63d;</i>
                        App下载
                    </div>
                    <div class="flex-center">
                        <i class="iconfont">&#xe63d;</i>
                        <i class="iconfont">&#xe602;</i>
                        <i class="iconfont">&#xe88d;</i>
                        <i class="iconfont">&#xe634;</i>
                    </div>
                    <div class="app-text">
                        <span>
                            前线指南 键盘测试 前线更新公告 用户协议
                            沪ICP备16013533号 沪ICP证B2-20180587
                        </span>
                        <span>
                            <img src="./images/icon-wan.png" alt="">
                            沪公网安备
                            31010602006270号
                        </span>

                    </div>
                </div>
            </div>

            <!-- 主页 -->
            <div class="nav-handle"></div>
            <div class="container">
                <div class="articledetail">
                    <div class="detailimg"><img src="./images/list.jfif" alt=""></div>
                    <div class="artcontainer">
                        <div class="left-side">
                            <h1 id="title">短风道MATX机箱新选择——分形工艺Define7 mini装机</h1>
                            <div class="author-row">
                                <div class="fc-gray  ename">by yhgg</div>
                                <div class="flex-center">
                                    <a href="####">
                                        <span>
                                            <span id="cyc"></span>
                                            <span id="tags">PC装机</span>
                                        </span>
                                    </a>
                                    <!-- <a href=""><span>机箱</span></a>
                                    <a href=""><span>装机wiki</span></a>
                                    <a href=""><span>配置</span></a>
                                    <a href=""><span>装机分享</span></a> -->
                                </div>
                            </div>

                            <div class="flow-content">
                                <div class="p-pic">
                                    <div class="article-wrap">
                                        <!-- <p>
                                        <div class="gallery-pic"><img src="./images/pc1.webp" alt=""></div>
                                        </p>
                                        <p>
                                            <b>"此次带来分形工艺最新Define7
                                                mini黑色款机箱装机方案，这是曾经推出的Dnefine7及Define7Compact之后的NATX版本机箱，机身紧凑，短风道设计，整机尺寸3993.25x405m，可安装最大167m塔式风冷，前面板及顶部分别支持最大280、240mm冷排，显卡最大支持31m（这款机箱若安装长显卡（大于306mm小于331m的卡》,前面板安装风扇有两种方式，一种是只安装1个14cm风扇靠上安装，和显卡错开，另一种是安装2个12cm风扇，两个风扇间距大一点，让显卡在缝隙中间即可》。这款机箱还拥有不错的静音能力，前面板、顶板及背板预贴静音棉辅助静音，若想进一步提高散热，顶部面板附赠静音板和通风板供玩家取舍选择。硬件方面采用intel
                                                12代平台，主板选择了做星R0N迫击炮ooR5，显卡来自索泰GeFonce RT3070 PGF OC，内存来自金士顿EURY Renegade
                                                D0R5608无光版本，固态硬盘同样来自金士顿的FURYRenegade PCIe 4.0
                                                1Tb，电源是安钛克HCG850金牌，风冷散热器选择了九州风神的全黑化AK620 Zreo Dark。"</b>
                                        </p>
                                        <p>
                                        <div class="gallery-pic"><img src="./images/pc2.webp" alt=""></div>
                                        </p>
                                        <p>
                                            <b>"此次带来分形工艺最新Define7
                                                mini黑色款机箱装机方案，这是曾经推出的Dnefine7及Define7Compact之后的NATX版本机箱，机身紧凑，短风道设计，整机尺寸3993.25x405m，可安装最大167m塔式风冷，前面板及顶部分别支持最大280、240mm冷排，显卡最大支持31m（这款机箱若安装长显卡（大于306mm小于331m的卡》,前面板安装风扇有两种方式，一种是只安装1个14cm风扇靠上安装，和显卡错开，另一种是安装2个12cm风扇，两个风扇间距大一点，让显卡在缝隙中间即可》。这款机箱还拥有不错的静音能力，前面板、顶板及背板预贴静音棉辅助静音，若想进一步提高散热，顶部面板附赠静音板和通风板供玩家取舍选择。硬件方面采用intel
                                                12代平台，主板选择了做星R0N迫击炮ooR5，显卡来自索泰GeFonce RT3070 PGF OC，内存来自金士顿EURY Renegade
                                                D0R5608无光版本，固态硬盘同样来自金士顿的FURYRenegade PCIe 4.0
                                                1Tb，电源是安钛克HCG850金牌，风冷散热器选择了九州风神的全黑化AK620 Zreo Dark。"</b>
                                        </p>
                                        <p>
                                        <div class="gallery-pic"><img src="./images/pc1.webp" alt=""></div>
                                        </p>
                                        <p>
                                            <b>"此次带来分形工艺最新Define7
                                                mini黑色款机箱装机方案，这是曾经推出的Dnefine7及Define7Compact之后的NATX版本机箱，机身紧凑，短风道设计，整机尺寸3993.25x405m，可安装最大167m塔式风冷，前面板及顶部分别支持最大280、240mm冷排，显卡最大支持31m（这款机箱若安装长显卡（大于306mm小于331m的卡》,前面板安装风扇有两种方式，一种是只安装1个14cm风扇靠上安装，和显卡错开，另一种是安装2个12cm风扇，两个风扇间距大一点，让显卡在缝隙中间即可》。这款机箱还拥有不错的静音能力，前面板、顶板及背板预贴静音棉辅助静音，若想进一步提高散热，顶部面板附赠静音板和通风板供玩家取舍选择。硬件方面采用intel
                                                12代平台，主板选择了做星R0N迫击炮ooR5，显卡来自索泰GeFonce RT3070 PGF OC，内存来自金士顿EURY Renegade
                                                D0R5608无光版本，固态硬盘同样来自金士顿的FURYRenegade PCIe 4.0
                                                1Tb，电源是安钛克HCG850金牌，风冷散热器选择了九州风神的全黑化AK620 Zreo Dark。"</b>
                                        </p>
                                        <p>
                                        <div class="gallery-pic"><img src="./images/pc2.webp" alt=""></div>
                                        </p>
                                        <p>
                                            <b>"此次带来分形工艺最新Define7
                                                mini黑色款机箱装机方案，这是曾经推出的Dnefine7及Define7Compact之后的NATX版本机箱，机身紧凑，短风道设计，整机尺寸3993.25x405m，可安装最大167m塔式风冷，前面板及顶部分别支持最大280、240mm冷排，显卡最大支持31m（这款机箱若安装长显卡（大于306mm小于331m的卡》,前面板安装风扇有两种方式，一种是只安装1个14cm风扇靠上安装，和显卡错开，另一种是安装2个12cm风扇，两个风扇间距大一点，让显卡在缝隙中间即可》。这款机箱还拥有不错的静音能力，前面板、顶板及背板预贴静音棉辅助静音，若想进一步提高散热，顶部面板附赠静音板和通风板供玩家取舍选择。硬件方面采用intel
                                                12代平台，主板选择了做星R0N迫击炮ooR5，显卡来自索泰GeFonce RT3070 PGF OC，内存来自金士顿EURY Renegade
                                                D0R5608无光版本，固态硬盘同样来自金士顿的FURYRenegade PCIe 4.0
                                                1Tb，电源是安钛克HCG850金牌，风冷散热器选择了九州风神的全黑化AK620 Zreo Dark。"</b>
                                        </p> -->

                                    </div>
                                </div>
                                <div class="artictime">3天前从PC网页端发布</div>
                                <div class="toolbar">
                                    <div class="left-flow-center">
                                        <span class="target-zan"><span class="iconfont">&#xec7f;</span> 赞</span>
                                        <div class="btn-reply"><span class="iconfont">&#xe62a;</span></div>
                                        <span class="pointer-btn"><span class="iconfont">&#xe8c6;</span>收藏</span>
                                    </div>
                                    <div class="right-flow-center">
                                        <div class="toolstab">
                                            <a href=""><span class="iconfont">&#xe614;</span></a>
                                            <a href=""><span class="iconfont weibo">&#xe602;</span></a>
                                            <a href=""><span class="iconfont">&#xe603;</span>
                                                <div class="sharewechat">
                                                    <div class="wevalue">微信扫一扫：分享</div>
                                                    <div class="qrcode"><img src="./images/qrcode.jpg" alt=""></div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="toolsmore">
                                            <span class="iconfont">&#xe784;</span>
                                            <div class="morereport">举报此内容</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="support-avat">
                                    <div class="avatimg">
                                        <img src="./images/a1.webp" alt="" id="eavater" class="eidavater">
                                        <div class="avatmol">
                                            <div class="bbox">
                                                <div class="bigavat">
                                                    <img src="./images/a-1.webp" alt="" class="eidavater">
                                                </div>
                                                <a href="###" class="ename">分界线</a>
                                                <div class="molrig">
                                                    <div class="support">
                                                        <span>14</span>
                                                        <span>收到赞</span>
                                                    </div>
                                                    <div class="fan">
                                                        <span>12</span>
                                                        <span>粉丝</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="icon">
                                                <div class="sign">
                                                    <span class="iconfont">&#xe60e;</span>
                                                    <span>x2</span>
                                                    <span class="iconfont">&#xe616;</span>
                                                    <span>x2</span>
                                                </div>
                                                <div class="concern">关注Ta</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- 评论 -->
                                <div class="edcomm">
                                    <div class="edcatar">
                                        <img src="./images/avator2.webp" alt="">
                                    </div>
                                    <div id="editor—wrapper">
                                        <div class="editnicknamw">晚风</div>
                                        <div id="editor-container">
                                            <!-- 编辑器 -->
                                        </div>
                                        <div id="toolbar-container">
                                            <!-- 工具栏 -->
                                            <div class="close">关闭</div>
                                            <div class="reply">回复</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="usereply">
                                    <div class="repimg"><img src="./images/avator2.webp" alt=""></div>
                                    <div class="repright">
                                        <div class="rep-top">
                                            <div class="repnick">晚风</div>
                                            <div class="addtime">1小时前</div>
                                        </div>
                                        <div class="repcont">111</div>
                                        <div class="reptool">
                                            <span class="iconfont repzan">11&#xe61f;</span>
                                            <span class="iconfont comment">22&#xe644;</span>
                                            <span class="iconfont repmore">33&#xe719;</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="right-side">
                            <a href="" class="use-article">
                                <div class="navtit">
                                    <div class="titimg">
                                        <img src="./images/p1.webp" alt="">
                                    </div>
                                    <div class="titrig">
                                        <div>PC装机
                                            <span class="iconfont">&#xe63e;</span>
                                        </div>

                                        <div>宅男的桌面怎能没有一台DIY主机？</div>
                                    </div>
                                </div>
                            </a>
                            <div class="users-info">
                                <div class="users-avatarimg">
                                    <div class="avatimg"> <img src="./images/a1.webp" alt="" class="eidavater">
                                        <div class="avatmol picbox">
                                            <div class="bbox">
                                                <div class="bigavat">
                                                    <img src="./images/a-1.webp" alt="" class="eidavater">
                                                </div>
                                                <a href="###" class="ename">分界线</a>
                                                <div class="molrig">
                                                    <div class="support">
                                                        <span>14</span>
                                                        <span>收到赞</span>
                                                    </div>
                                                    <div class="fan">
                                                        <span>12</span>
                                                        <span>粉丝</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="icon">
                                                <div class="sign">
                                                    <span class="iconfont">&#xe670;</span>
                                                    <span>x2</span>
                                                    <span class="iconfont">&#xe688;</span>
                                                    <span>x2</span>

                                                </div>
                                                <div class="concern">关注Ta</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="users-nickname ename">yhgg</div>
                                <div class="behavious">
                                    <a href="">
                                        <div>49</div>
                                        <div>发帖数</div>
                                    </a>
                                    <a href="">
                                        <div>19</div>
                                        <div>签到装备</div>
                                    </a>
                                    <a href="">
                                        <div>592</div>
                                        <div>赞</div>
                                    </a>
                                </div>
                            </div>

                            <div class="near-share">
                                <div class="head-flex">
                                    <span>最近的分享</span>
                                    <div></div>
                                </div>
                                <div class="more-post">
                                    <a href="">
                                        <div class="cover-wrap"><img src="./images/pc1.webp" alt=""></div>
                                        <div class="right-part">
                                            <div class="title-break">六面玲球--华硕PRIMEAP201机箱装机</div>
                                            <div class="author-nickname">by yhgg</div>
                                        </div>
                                    </a>

                                    <a href="">
                                        <div class="cover-wrap"><img src="./images/pc1.webp" alt=""></div>
                                        <div class="right-part">
                                            <div class="title-break">六面玲球--华硕PRIMEAP201机箱装机</div>
                                            <div class="author-nickname">by yhgg</div>
                                        </div>
                                    </a>

                                    <a href="">
                                        <div class="cover-wrap"><img src="./images/pc1.webp" alt=""></div>
                                        <div class="right-part">
                                            <div class="title-break">六面玲球--华硕PRIMEAP201机箱装机</div>
                                            <div class="author-nickname">by yhgg</div>
                                        </div>
                                    </a>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--  编辑模态框-->
            <div class="fixed-btn-group">
                <!-- 编辑区begin -->
                <div class="click-round">
                    <div class="popup2 click-round-popup2">
                        <div class="popup2-one">
                            <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                            <input type="text" placeholder="输入分享文字">
                        </div>
                        <div class="popup2-two"></div>
                        <div class="popup2-three">
                            <div class="close">
                                <!-- 关闭 -->
                                <div id="close">关闭</div>
                                <!-- 清空 -->
                                <div id="empty">清空</div>
                            </div>
                            <!-- 发布 -->
                            <div class="issue">发布</div>
                        </div>
                    </div>
                </div>

                <div class="click-round click-round1">
                    <div class="popup2 click-round-popup2">
                        <!-- 头像所在框 -->
                        <div class="popup2-one">
                            <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                            <input type="text" placeholder="输入分享文字">
                        </div>
                        <!-- 发布内容框 -->
                        <div class="popup2-two"></div>
                        <!-- 发布等按钮 -->
                        <div class="popup2-three">

                            <div class="close">
                                <!-- 关闭 -->
                                <div id="close">关闭</div>
                                <!-- 清空 -->
                                <div id="empty">清空</div>
                            </div>
                            <!-- 发布 -->
                            <div class="issue">发布</div>
                        </div>
                    </div>
                </div>

                <div class="click-round click-round3">
                    <div class="popup2 click-round-popup2">
                        <div class="popup2-one">
                            <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                            <input type="text" placeholder="输入分享文字">
                        </div>
                        <div class="popup2-two"></div>
                        <div class="popup2-three">
                            <div class="close">
                                <!-- 关闭 -->
                                <div id="close">关闭</div>
                            </div>
                            <!-- 发布 -->
                            <div class="issue">发布</div>
                        </div>
                    </div>
                </div>
                <!-- 编辑区end -->


                <!-- 点击框 begin-->
                <div class="click-popup">
                    <div class="popup1">
                        <div class="box-popup">
                            <div class="picture caddy">
                                <span class="iconfont icon-shangchuantupian">&#xe6e9;</span>
                            </div>
                            <div>图文</div>
                        </div>
                        <div class="box-popup">
                            <div class="tick caddy">
                                <span class="iconfont icon-duigou">&#xe617;</span>
                            </div>
                            <div>发起投票</div>
                        </div>
                        <div class="box-popup">
                            <div class="article caddy">
                                <span class="iconfont icon-bianji">&#xe60a;</span>
                            </div>
                            <div>长文章</div>
                        </div>
                        <div class="box-popup">
                            <div class="share caddy">
                                <span class="iconfont icon-lianjie">&#xe614;</span>
                            </div>
                            <div>分享链接</div>
                        </div>
                    </div>
                </div>
                <div class="stick">
                    <!-- 置顶箭头 -->
                    <div class="arrows">
                        <span class="iconfont icon-xiangshang">&#xe612;</span>
                    </div>
                    <!-- 铅笔 -->
                    <div class="pencil">
                        <span class="iconfont icon-bianji">&#xe60a;</span>
                    </div>
                </div>
                <!-- 点击框end-->

            </div>
        </div>
    </div>
    <!-- js -->
    <script src="./layui/layui.js"></script>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/axios/0.26.0/axios.min.js"></script>
    <script src="./js/glayui.js"></script>
    <script src="./js/nav.js"></script>
    <script src="./js/stick.js"></script>
    <script src="./js/contents/pc.js"></script>
    <script src="./js/articlepage.js"></script>
    <script src="./js/commite.js"></script>
    <script src="./js/page.js"></script>
    <script src="./js/getuser.js"></script>
    <script src="./js/logout.js"></script>
    <script src="./js/side.js"></script>
    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>

    <script>
        const { createEditor, createToolbar } = window.wangEditor
        let html = '';
        const editorConfig = {
            placeholder: '回复作者',
            onChange(editor) {
                console.log(html);
                html = editor.getHtml()
                console.log('editor content', html)
                // 也可以同步到 <textarea>
            },
            MENU_CONF: {}
        }
        editorConfig.MENU_CONF['uploadImage'] = {
            server: '/api/upload',
        }


        const editor = createEditor({
            selector: '#editor-container',
            html: '<p><br></p>',
            config: editorConfig,
            mode: 'default', // or 'simple'
        })

        const toolbarConfig = {}
        toolbarConfig.toolbarKeys = [
            // 表情
            'emotion',
            {
                iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z\"></path></svg>",
                key: "group-image",
                menuKeys: ['uploadImage']
            }
        ]
        const toolbar = createToolbar({
            editor,
            selector: '#toolbar-container',
            config: toolbarConfig,
            mode: 'default', // or 'simple'
        })
        console.log(toolbar.getConfig().toolbarKeys);
    </script>
</body>

</html>